<template>
  <div style="margin-bottom: 30px;">
  <div id="parkshow_head" style="width:1004px;height: 99px;margin:0 auto;">
    <div >
      <div id="parkshow_head_title" style="width:300px;height: 71px;float: left;">
        <h3 style="color:rgb(81,123,192);padding-top: 35px;">园区服务</h3>
      </div>
      <div style="float: right;"><ul>
        <li style="font-size: 12px;"> 当前位置：</li>
        <li><a href="">&nbsp;首页&nbsp;</a></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/serviceInformation">&nbsp;园区服务&nbsp;</router-link></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/LifeAndBasic">&nbsp;生活配套&nbsp;</router-link></li>
      </ul></div>
    </div>
    <hr align=center width=100% color=#A3BBE3 size=1>
  </div>
  <div style="margin: 0 auto;width: 1004px;height: 650px;">
    <div style="width: 258px;height: 337px;float: left;">
      <ul id="parkshow_menuing" >
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div  class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/serviceInformation" style="color: rgb(74,74,74);">园区服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/protal" style="color: rgb(74,74,74);">我要服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/LifeAndBasic" style="color: rgb(81,144,210);">生活配套</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/enter" style="color: rgb(74,74,74);">我要入驻</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/investMentandFinancing" style="color: rgb(74,74,74);">我要融资</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/personNeltraining" style="color: rgb(74,74,74);">人才服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 10px; border-left: 2px solid lightgray;float: left;position: relative;top: 7px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/technicalAndNetwork" style="color: rgb(74,74,74);">技术支持</router-link></div>
        </li>
      </ul>
    </div>
    <div style="width:746px;height: 573px;float: right;">
      <h3 style="color: #517bc0;margin-bottom: 20px;">园区4.0+配套设施</h3>
        <h5 style="color: #517bc0;margin-bottom: 10px;">智慧生态 尽享园区4.0</h5>
        <p style="color:rgb(74,74,74);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;智慧一卡通系统，智慧停车系统、园区APP、园区智能照明系统、智慧管网系统、智能会议系统、智慧园区集成平台。</p>
        <img src="../../assets/lifeAndBasic1.png" style="width: 700px;height: 148px;margin:10px 0;">
        <h5 style="color: #517bc0;">基础配套</h5>
        <p style="margin-top: 10px;color:rgb(74,74,74);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;餐饮：知名连锁餐饮企业的前期入驻。</p>
        <div style="width: 735px;height: 155px;margin-top: 50px;">
          <div style="float: left;margin-left: 35px;"><img src="../../assets/lifeAndBasic2.png"><p align="center">罗森连锁</p></div>
          <div style="float: left;margin-left: 35px;"><img src="../../assets/lifeAndBasic3.png"><p align="center">金百味</p></div>
          <div style="float: left;margin-left: 35px;"><img src="../../assets/lifeAndBasic4.png"><p align="center">西游汇简餐厅</p></div>
        </div>
        <p style="line-height:2;color:rgb(74,74,74);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交通：在园区入口增设的“互联网产业园站”、轻轨站（大竹林站或光电园站）、公交车站的摆渡车。</p>
        <p style="line-height:2;color:rgb(74,74,74);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;住宿：人才公寓；公租房（如康庄美地）或者利用土地储备中心的还建房；周边配套：大竹林片区，距离园区约2km，金竹苑、银竹苑、慈竹苑小区，房源充足，满足租房和购房需求。</p>
    </div>
  </div>
  </div>
</template>

<script>
    export default {
        name: "LifeAndBasic"
    }
</script>

<style scoped>
  *{
    margin: 0 auto;
    padding: 0;
  }

  #parkshow_head li{
    list-style: none;
    float:left;
    font-size: 12px;
    padding-top: 35px;

  }

  #parkshow_head li a{
    text-decoration:none;
    font-size: 12px;
    color: black;
  }
  #parkshow_head li a:hover{
    color: rgb(81,144,210);
  }
  #parkshow_menuing li{
    float: left;
    width: 255px;
    height: 50px;
    list-style: none;
    float:left;
  }
  #parkshow_menuing li div a:hover{
    color: blue;
  }
  .parkshow_menuing_left{
    width: 25px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right{
    width: 220px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right a{
    text-decoration:none;
    font-size: 15px;
    color: black;
    width: 60px;
    height: 20px;
  }
  p{
    font-size: 13px;
    color: #4a4a4a;
  }
</style>
